iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 18
0
Modern Web

全端成長之旅系列 第 18

Day.18 前端下一步

  • 分享至 

  • xImage
  •  

在前面幾天中我邊對照 Vue2 與 Vue3 的文件邊跟大家分享,希望有幫助到大家。

另外,前幾天也很巧地碰到了 Vue3 的第一個 release v3.0.0 One Piece ,雖然 v2 的元件很多在 v3 還是可以用,但個人建議大家在 v3 的幾個核心套件跟上後能盡快上 v3 就趕緊上 v3。

雖然 Vue 是我主要的前端解決方案,但想要完善一個前端專案,只會一個 Vue 是不夠的,今天介紹一些我覺得很重要的東西給大家。

vue-i18n

如果你的使用者是跨國籍的,那麼你的專案很可能要做多語言甚至是多時區,使用 vue-i18n,能夠很輕鬆的幫專案導入這樣的功能。

RxJS

很多時候我們的元件跟使用的互動複雜的時候 Vue 就顯得不太夠力,其實問題很簡單,因為那並不是 Vue 的強項,當你越要把元件做的完整、互動性高、可用性高、好用、提高可測試度....,你就越需要 RxJS。

個人甚至認為它的重要程度超越了 Vue!!雖然它不是那麼好學,但希望大家可以多花一點時間去了解它,而且 RxJS 要跟 Vue 3 整合,真的比 Vue 2 容易多了,現在真的是一個進場的大好時機!!

這邊強烈建議大家從 Jerry Hong 大大的 30 天精通 RxJS (00):關於本系列文章開始入門,真的寫得很棒!

XState

每一個元件一開始都很單純,但隨著元件中的資料狀態、操作狀態等等加到元件中後,可以發現元件的複雜度提升之快,快到讓開發者難以駕馭。
其實狀態是需要管理的,並不是簡單設定一個變數去控制就好的事情,在學到這個觀念後我才認識到了 Xstate,它帶給我們管理狀態的策略、觀念,幫助我們更好的管控狀態。

XState 的官方有提供 Vue 中使用 XState 的範例,而且是用 Vue 3 !

ReactAngular

學習 React、Angular 並不是希望大家跳槽,而是藉由學習它們增廣見聞,以及提高各種知識的理解力。


上一篇
Day.17 Vue3 介紹 Part 12
下一篇
Day.19 後端的開始
系列文
全端成長之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言